<template>
    <div id="Box">
        <SeachNav>
            <SeachFenqu slot="fenqu"></SeachFenqu>
            <SeachPindao slot="pindao"></SeachPindao>
        </SeachNav>
        <SeachBottom></SeachBottom>
    </div>
</template>

<script>
    import SeachNav from 'com/seach/Nav.vue'
    import SeachBottom from 'com/bottom.vue'
    import SeachFenqu from 'com/seach/fenqu.vue'
    import SeachPindao from 'com/seach/pindao.vue'
    export default {
        name: "seach",
        components: {
            SeachBottom,
            SeachNav,
            SeachFenqu,
            SeachPindao
        },
        created(){
            //刚进入页面就触发
            //store已经全局引用过了，因此此处不需要再引用
            this.$store.dispatch('Seachxaxios');
        }
    }
</script>

<style lang="scss" scoped>
    #Box {
        height: 100%;
        padding-bottom: 0.6rem;
        padding-top: 0.58rem;
        position: relative;
        /*background-color : #fff;*/
    }
</style>